// 滚动条样式
&::-webkit-scrollbar {
  width: 4px;
  height: 39px;
}
&::-webkit-scrollbar-thumb {
  background: rgba(20, 20, 20, 0.2);
  border-radius: 3px;
  height: 39px;
}
&::-webkit-scrollbar-track {
  background: transparent;
  height: 39px;
}
.publish-tips-dialog {
  .publish-scrollbar {
    max-height: 413px;
    overflow-y: auto;
  }
}
.text-shadow {
  /deep/.micro-ant-input {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
/deep/.micro-ant-select-dropdown {
  z-index: 10;
}
/deep/.micro-ant-cascader-menus {
  z-index: 10;
}
/deep/.micro-ant-tree-node-content-wrapper {
  overflow: hidden !important;
  white-space: nowrap !important;
  /*文字超出宽度则显示ellipsis省略号*/
  text-overflow: ellipsis !important;
  width: 100%;
}
.btn {
  color: #ffffff !important;
}
.ifont-wid-Calendar_icon_month_right {
  position: absolute;
  right: 20px;
}
.ifont-wid-equipment_icon_lower {
  position: absolute;
  right: 20px;
  color: #999999;
}
.ifont-wid-Upload_icon_dete {
  position: absolute;
  right: 20px;
  color: #999999;
}
.ifont-wid-equipment_icon_upper {
  position: absolute;
  right: 20px;
  color: #999999;
}
.nowrap {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 50px;
}
.list-box {
  min-height: 619px;
}
/deep/.micro-ant-tree {
  font-size: 14px !important;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  color: #222222 !important;
  background: #f8f8f8 !important;
  padding: 10px 0;

  .micro-ant-tree-node-selected {
    background-color: #ffffff !important;
  }
  .micro-ant-tree-treenode-selected {
    width: 100%;
    background: #ffffff;
  }
  .micro-ant-tree-treenode {
    padding: 4px 0 !important;
    width: 93%;
  }
  // .micro-ant-tree-treenode-leaf-last {
  //   background: #f8f8f8 !important;
  //   width: 100%;
  // }
}
.devices {
  width: 100%;
  min-width: 800px;
  height: auto;
  .search-top-container {
    padding: 24px;
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: 5px;
  }
  .bottom-container {
    padding: 20px 24px;
    background: #ffffff;
    border-radius: 5px;
    .search-container {
      display: flex;
    }
    .btns {
      flex: 1;
      display: flex;
      justify-content: space-between;
      :deep(.micro-ant-btn-primary:not([disabled])) {
        &:hover {
          color: #ffffff !important;
        }
        &:active {
          color: #ffffff !important;
        }
        &:focus {
          color: #ffffff !important;
        }
      }
      .gray-btn:not([disabled]) {
        color: #999 !important;
        &:hover {
          color: var(--themecolor) !important;
          border-color: var(--themecolor) !important;
        }
        &:active,
        &:focus {
          color: #999;
          border-color: #d9d9d9;
        }
      }
    }
  }
  .popup-btn {
    width: 375px;
    text-align: left;
    color: #666666;
  }
  .pagination {
    align-items: center;
    margin-top: 24px;
    display: flex;
    justify-content: center;
  }
  .custom-content {
    width: 100%;
    height: 266px;
    background: #f8f8f8;
    border-radius: 4px;
  }
}

.power-manage {
  display: flex;
  .font-color {
    color: #666666;
  }
  .public {
    background: #f8f8f8;
    padding: 16px;
    margin: 13px 0px 0;
    height: 384px;
    overflow-y: auto;
    /deep/.micro-ant-collapse-header {
      display: flex !important;
      align-items: center !important;
    }
  }
  .white-bg {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 14px;
    /deep/.micro-ant-menu-submenu-arrow {
      display: none;
    }
  }
  .no-bottom {
    margin-bottom: 0px !important;
  }
  .left {
    width: 323px;
    /deep/ .micro-ant-checkbox-wrapper {
      // display: flex;
      align-items: center;
    }
    .nav {
      // height: 32px;
      line-height: 20px;
      padding: 5.5px 14px;
      // overflow-y: auto;
      // width: 290px;
    }
    .search {
      height: 40px;
      line-height: 40px;
      // padding: 9px 100.5px 9px 15px;
    }
    .select-all {
      display: flex;
      align-items: center;
      user-select: none !important;
      .head-portrait {
        width: 24px;
        height: 24px;
        margin-right: 10px;
        img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
      .checkbox {
        display: flex;
        margin-top: 16px;
      }
    }
  }
  /deep/ .micro-ant-collapse-content-box {
    li:hover {
      background: #09f514 !important;
    }
  }
  .micro-ant-collapse-content-box {
    li:hover {
      background: #09f514 !important;
    }
  }
  .right {
    /deep/.micro-ant-checkbox + span {
      color: #999999;
    }
    // width: 498px;
    flex: 1;
    margin-left: 16px;
    .u-felx {
      display: flex;
      align-items: center;
      justify-content: space-between;
      // justify-content: flex-end;
      margin-bottom: 14px;
    }
    .equipment-box {
      max-height: 300px;
      overflow-y: auto;
      .user-name {
        border-radius: 5px 5px 0px 0px;
        background: #fffcf0;
        margin-top: 10px;
        width: 100%;
        height: 40px;
        font-size: 16px;
        font-family: Source Han Sans CN, Source Han Sans CN-Medium;
        color: #222222;
        line-height: 40px;
        padding-left: 16px;
      }
      .nowrap {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 30px;
      }
    }
    /deep/.ant-collapse {
      background-color: #ffffff !important;
    }
    .class-content {
      position: relative;
      .right {
        position: absolute;
        right: 0px;
      }
    }
    .class-title {
      margin-bottom: 20px;
      display: flex;
      // justify-content: space-between !important;
    }
    .class-titles {
      margin: 20px 0px;
      display: flex;
      // justify-content: space-between !important;
      position: relative;
      .right {
        position: absolute;
        right: 0;
      }
    }
    .class-card {
      margin-bottom: 19.5px;
    }
    .right {
      color: #999999;
      display: flex;
      justify-content: space-between;
      align-items: center;
      img {
        margin-left: 31px;
      }
    }
    .content {
      display: flex;
      flex-wrap: wrap;
      .data-btn {
        color: var(--themecolor);
        // width: 76px;
        padding: 3.5px 10px;
        text-align: center;
        height: 28px;
        background: rgba(253, 244, 236, 0.5);
        border-radius: 5px;
        margin-bottom: 5px;
        margin-right: 16px;
      }
    }
    .content-device {
      display: flex;
      flex-wrap: wrap;
      padding-left: 1px !important;

      .check-box {
        margin-bottom: 5px;
        margin-left: -1px !important;
        color: #999999;
      }
    }
  }
  .left-device {
    width: 536px;
    .checkbox-device {
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px;
      /deep/ .micro-ant-checkbox-wrapper {
        display: flex;
        align-items: center;
      }
      /deep/ .ant-checkbox + span {
        display: flex !important;
        height: 56px;
        align-items: center;
      }
      .checkbox-spacing {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 30px;
      }
      .name {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .title {
        width: 100px;
        margin: 0 38px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
      }
    }
    /deep/.ant-collapse-item:last-child > .ant-collapse-content {
      overflow: hidden !important;
    }
  }
  .right-device {
    flex: 1;
    margin-left: 16px;
  }
  /deep/.micro-ant-collapse {
    border: none;
    padding-bottom: 14px;
  }
  /deep/.micro-ant-collapse-item {
    border-bottom: none;
  }
}
/deep/ .micro-ant-tree-treenode-switcher-close {
  width: 339px !important;
  .micro-ant-tree-node-content-wrapper {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow: ellipsis;
  }
}
// 修改弹窗
.modify {
  /deep/.micro-ant-checkbox + span {
    color: #999999;
  }
  // width: 337px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 16px 10px;
  .class-title {
    display: flex;
    justify-content: space-between !important;
  }
  .modify-right {
    width: 300px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    img {
      margin-left: 31px;
    }
  }
  .content-device {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1px !important;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #999999;
    .check-box {
      margin-top: 5px;
      margin-left: -1px !important;
      color: #999999;
    }
  }
  /deep/.micro-ant-collapse {
    border: none;
  }
  /deep/.micro-ant-collapse-item {
    border-bottom: none;
  }
}
/deep/.micro-ant-menu-title-content {
  display: flex;
  padding: 0 !important;
}
/deep/.micro-ant-menu-inline {
  border-right: none !important;
  width: 98%;
}
/deep/.ant-collapse-header {
  align-items: center;
  display: flex;
  background: #fff;
}
.ifont-wid-equipment_icon_dapin {
  color: var(--themecolor);
  // margin-right: 8px;
  font-size: 16px !important;
  margin-top: 2px;
}
.ifont-wid-card_icon_ktjc {
  color: #999999;
}
/deep/.micro-ant-modal-body {
  height: 560px;
  overflow-y: auto;
}
.ifont-wid-checkbox_icon_search {
  color: var(--themecolor);
  cursor: pointer;
}
/deep/.micro-ant-collapse-header {
  background: #fff;
}
.check {
  /deep/ .micro-ant-checkbox-wrapper {
    display: flex;
  }
}

/deep/.micro-ant-menu-inline .micro-ant-menu-item::after {
  border: none !important;
}
.ifont-wid-equipment_icon_del {
  cursor: pointer;
}
/deep/.ifont-wid-card_icon_ktjc:before {
  position: absolute;
  right: 16px;
}
// /deep/ .micro-ant-checkbox {
//   margin-top: 4px !important;
//   margin-right: 5px !important;
//   width: 15px !important;
//   height: 17px !important;
// }
.aaa {
  width: 390px;
  padding: 5px 10px;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  .color {
    color: #999999;
  }
}

// 筛选项ant组件样式修改
.filter-forms {
  // select下拉框组件样式
  :deep(.micro-ant-select) {
    .micro-ant-select-selector {
      height: 36px;
      .micro-ant-select-selection-item,
      .micro-ant-select-selection-placeholder {
        line-height: 34px;
      }
    }
    .micro-ant-select-dropdown {
      z-index: 10;
      border: 1px solid;
      border-color: var(--themecolor);
      .micro-ant-select-item-option-selected {
        background: var(--themecolor) !important;
        color: #ffffff !important;
        font-weight: normal;
      }
    }
    &.micro-ant-cascader {
      .micro-ant-select-selector {
        height: 36px;
        .micro-ant-select-selection-item,
        .micro-ant-select-selection-placeholder {
          line-height: 22px;
        }
      }
      .micro-ant-cascader-dropdown {
        border: none;
      }
    }
  }
  // picker组件文字居中
  :deep(.micro-ant-picker) {
    height: 36px;
    .micro-ant-picker-input > input {
      text-align: center;
    }
  }
  // 文本框和按钮高度
  :deep(.micro-ant-input-affix-wrapper) {
    height: 36px;
  }
  :deep(.micro-ant-btn) {
    height: 36px;
    &.micro-ant-btn-primary:not([disabled]):hover {
      color: #ffffff !important;
    }
    &.micro-ant-btn-primary:active {
      color: #ffffff !important;
    }
    &.micro-ant-btn-primary:focus {
      color: #ffffff !important;
    }
  }

  :deep(.micro-ant-form-item) {
    .micro-ant-form-item-label > label {
      font-size: 14px;
      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      color: #000000;
      height: 36px;
    }
  }
}
/deep/ .micro-ant-empty-image {
  display: flex;
  justify-content: center;
  height: 300px !important;
}
/deep/ .micro-ant-empty-description {
  font-size: 14px !important;
  font-family: Source Han Sans CN, Source Han Sans CN-400;
  font-weight: 400 !important;
  text-align: center;
  color: #999999 !important;
}
.shebei {
  /deep/ .micro-ant-empty-image {
    display: flex;
    justify-content: center;
    height: 200px !important;
  }
}
.people-no {
  /deep/ .micro-ant-empty-image {
    display: flex;
    justify-content: center;
    height: 125px !important;
  }
}
.height-box {
  height: 252px;
}
.min-box {
  height: 300px;
}
.tabs-box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN-400;
  font-weight: 400;
  color: #222222;
  .tab-active {
    color: var(--themecolor);
    border-bottom: 2px solid var(--themecolor);
    border-radius: 2px;
  }
  .tabs-name {
    cursor: pointer;
    padding-bottom: 4px;
  }
  .tabs-name:nth-child(2) {
    margin-left: 14px;
  }
}
.quan-box {
  width: 478px;
  background: #ffffff;
  border-radius: 5px;
  .quan-top {
    font-size: 16px;
    font-family: Source Sans Pro, Source Sans Pro-400;
    font-weight: 400;
    color: #222222;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eceaea;
    img {
      width: 20px;
      margin-right: 4.5px;
    }
  }
  .quan-bottom {
    padding: 11.5px 16px 18px 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: Source Sans Pro, Source Sans Pro-400;
    font-weight: 400;
    color: #999999;
  }
  .quan-name {
    margin-left: 4px;
  }
}
/deep/.micro-ant-btn:focus {
  color: #ffffff !important;
}
.class-box {
  width: 522px;
  background: #ffffff;
  padding: 10px 12px;
  border-radius: 5px;
  margin-bottom: 14px;
  box-shadow: 0px 0.5px 0px 0px #e1dddd;
}
.all-checked {
  margin-bottom: 8px;
}
.nowrap-icon {
  display: flex;
  align-items: center;
  .icon-img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}
/deep/ .tj-checkbox.tj-is-indeterminate .tj-checkbox__input:after {
  opacity: 1;
  width: 16px;
  height: 16px !important;
  left: -1px;
  right: 0;
  top: -1px !important;
  border: unset;
  transform: scale(0.5);
  background-color: var(--themecolor) !important;
}
.step {
  color: var(--themecolor);
  margin: 0 5px;
}
.step-color {
  a {
    color: #999999 !important;
  }
}
/deep/ .micro-ant-input-prefix {
  margin-right: 7px !important;
  margin-top: 2px !important;
}
/deep/ .micro-ant-checkbox {
  // top: 0 !important;
}
/deep/ .tj-checkbox.tj-is-indeterminate .tj-checkbox__input {
  border-color: #d9d9d9 !important;
  background-color: #fff !important;
}
/deep/ .micro-ant-checkbox-inner {
  border-radius: 3px !important;
}
/deep/ .micro-ant-checkbox-inner::after {
  // width: 5px !important;
  // height: 9px !important;
  // top: 6px !important;
  // left: 3px !important;
  // border-radius: 0 0 1px !important;
  // border-top: 0 !important;
  // border-left: 0 !important;
  // transform: rotate(45deg) scale(1) translate(-50%, -50%) !important;
  // background: transparent !important;
}
.micro-ant-checkbox-checked .micro-ant-checkbox-inner::after {
  // position: absolute;
  // display: table;
  // /* border: 2px solid #fff; */
  // border-top: 0;
  // border-left: 0;
  // transform: rotate(45deg) scale(1) translate(-50%, -50%);
  // opacity: 1;
  // transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  // content: ' ';
}
/deep/ .micro-ant-checkbox-checked .micro-ant-checkbox-inner::after {
  position: absolute !important;
  top: 50% !important;
  left: 21.5% !important;
  display: table !important;
  width: 5.71428571px !important;
  height: 9.14285714px !important;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%) !important;
  opacity: 1 !important;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s !important;
  content: ' ';
}

.collapse-expand-icons {
  display: flex !important;
  align-items: center;
}
/deep/ .micro-ant-btn-primary {
  box-shadow: none !important;
}
/deep/ .micro-ant-btn:focus {
  color: var(--themecolor) !important;
}
